<template>
	<view style="height: 100vh; display: flex; justify-content: center; align-items: center; ">
	    <view class="" style="height: 100%; width: 100%;">
	       <view style="width: 100%;display: flex;" >
	       	 <h2 style="100%">{{message.title}}</h2>
	       </view>
	       
			<!-- <image src="../icon/doctor.png" mode="" style="width: 60rpx;height: 100rpx;"></image> -->
			<view class="card" style="margin-top: 10%;margin-left: 5%;margin-right: 5%;padding: 10%;">
			<rich-text   style="font-size: 30rpx;color: gray;" :nodes="message.content"></rich-text>
			</view>
	    </view>
		<!-- <view style="position: absolute; bottom: 0px;right: 0px;">
			<image src="../icon/doctor2.png" mode="" style="width: 100rpx;height: 100rpx;"></image>
		</view> -->
	</view>
</template>

<script>

	export default {
		data() {
			return {
				message: [],
				id:"",
			};
		},
		

		onLoad(param) {
			this.id=param.id
			console.log("66666")
			console.log(param)
			this.getmessage()
		},

		// onShow() {
		// 	if (this.hasLogin) {
		// 		//this.$store.dispatch('getUserInfo');
		// 		this.mrjzr()
		// 	} else {
		// 		// this.exist = false
		// 		// return
		// 		this.toWx()
		// 	}
		// },
		methods: {
			getmessage() {
				this.$request("help", "Detail", {
					code:'',
					ArticleId: this.id,
				}).then(res => {
					if (res.code == 1) {
						console.log("doctor", res)
						this.message = res.data
				
					} else {
						console.log("获取失败")
					}
				})
			},

		}
	}
</script>

<style>
	@import './new.css';
	h2 {
	            width: 100%;
	            text-align: center;
				background-size: cover;
	            background-image: url('../icon/title.png');
	            background-size: 80% 90%; /* 确保背景图片完全适应容器 */
	            background-position: center; /* 将背景图片居中 */
	            background-repeat: no-repeat; /* 防止背景图片重复 */
				color: white;
	             /* 根据需要调整文字颜色 */
	            padding: 20px; /* 根据需要调整内边距 */
				
	        }
</style>